<template>
	<view class="container">
		<view class="banner">
			<image src="https://z3.ax1x.com/2021/09/17/4uR1IO.jpg" mode="" class="bg"></image>
		</view>

		<view class="content">


			<view class="entrance">

				<view class="tb">
					<image class="tb1" src="../../static/images/xinxi/logo.png"></image>
					<view class="title">
						<text class=".text">河南省直第三人民医院</text>
					</view>
					<view class="title1">三级综合性医院</view>
				</view>
				<view class="dw">
					<view class="dianhua">
						<image class="dh" src="../../static/images/xinxi/phone.png"></image>
						<view class="dh1" @click="contact">{{phone}}</view>
					</view>
					<view class="weizhi">
						<image class="dh" src="../../static/images/xinxi/dizhi.png"></image>
						<view class="dh1"  @click="tonext" >{{city}}</view>
					</view>
				</view>
				<view class="gn">
					<view class="gn1">
						<image class="xyd" src="../../static/images/xinxi/yuandian.png"></image>
						<view class="biaoti">
							<text>功能清单</text>
						</view>

					</view>
					<view class="category-list">
						<view class="category" v-for="(row, index) in categoryList" :key="index" @tap="toCategory(row.url)">
							<view class="img">
								<image :src="row.img"></image>
							</view>
							<view class="text">{{ row.name }}</view>
						</view>
					</view>
				</view>

				<view class="jiesao">
					<view class="jiesaox">
						<image class="xyd" src="../../static/images/xinxi/yuandian.png"></image>
						<view class="biaoti">
							<text>本院介绍</text>
						</view>
						<view>
							河南省直第三人民医院，创建于1979年，随着社会科技的快速发展，医院也步入“高铁时代”，现已拥有东、西、南三个院区，设备先进，学科齐全，技术力量雄厚，是集医疗、教学、科研、预防保健等为一体的三级综合性医院。 　　医院西院区位于郑州市伏牛路198号，东院区暨郑东新区人民医院，东临新省政府，南院区位于龙湖新区。医院设计床位2000张，临床科室28个，医技科室22个，行政科室15个。拥有重症监护病床36张、现代化层流手术室20间和介入导管室2间，复合手术室1间。是河南省、市、区、城镇职工及居民医疗保险、全省新农合等定点医院。 　　
							
							医院现有职工1532人，其中专业技术人员1200余人，具有高级职称的专家216人，取得医学博士、硕士学位的有207人。 　　
							
							医院仪器设备总值2亿余元，其中有先进的1.5T、3.0T磁共振、3台大型C臂、16排、256排螺旋CT、数字X胃肠机、血球回收机、20余台高端彩色超声诊断仪、DR、呼吸机、麻醉机、导管室中心站、动态多参数心电监护仪、床旁超声、电生理仪、全自动生化分析仪、各种内镜腔镜等医疗设备。 　　
							
							医院医疗技术的发展也步入了快车道，呈现日新月异、层出不穷的发展态势。近年来积极借力借脑，开展新技术新业务，医疗技术上取得了不错成绩，完成了多项新技术。椎间盘病诊疗中心引进了椎间孔镜和镜下动力磨钻系统，使椎间盘突出、椎管狭窄患者享受到微创治疗；引进SDS非手术脊柱减压系统，是不接受手术治疗，反复保守治疗患者的理想选择。介入血管外科完成腔内隔绝+双潜望镜技术治疗A主动脉夹层，常温体外循环辅助直视下布加综合征根治术，复杂胸腹主动脉瘤的杂交手术；完成了颈动脉体瘤切除术、颈动脉内膜剥脱术、杂交技术（滤镜置入+导管溶栓或取栓、球囊扩张、支架置入）个体化治疗下肢深静脉血栓形成。
							
							心内科开展先心介入、心律失常导管射频消融、带有家庭监护功能的心脏起搏器植入术、房颤个体化步进式消融术等新技术；骨科完成双节颈椎间盘置换术；心外科完成非体外循环下心脏跳动下冠脉搭桥，开展了主动脉弓部替换术、象鼻手术以及复杂主动脉弓部病变的一站式复合技术，收治了省内许多三级医院转治的复杂疑难病例。 　　
							
							医院积极开展整合医学，实施多手段多学科“一站式”交叉治疗的治疗理念。秉承内科内镜的腔内治疗外科化，外科治疗腔镜、内镜的微创化，介入医学已参与了许多专业疾病治疗，打开许多种疾病多学科多手段“一站式”交叉治疗的新局面。糖尿病科与胃肠外科合作完成标准Y型胃肠吻合术治疗2型肥胖型糖尿病，与血管外科合作治疗糖尿病足，已取得不错效果；消化内科与肝胆外科合作，微创不开刀（十二指肠镜+腹腔镜+胆道镜）治疗肝内外胆管结石、oddi括约肌狭窄等，使胆石病治疗进入微创化；普外科与血管外科合作开展累及血管的实体恶性肿瘤的肿瘤切除+病变血管切除+血管置换，使原本不能切除的病人得到了救治；神经内外科与介入科合作开展脑动脉瘤，脑血管狭窄手术与介入治疗。 　　
							
							临床外科秉承微创、无痛、快速康复的理念，医院外科系统全面开展腔镜、内窥镜微创技术和日间手术。胸外科开展胸腔镜肺癌，食道癌，纵膈肿瘤的治疗；胃肠外科开展腹腔镜胃肠癌根治术等手术；甲乳外科开展甲状腺乳腺疾病的腔镜治疗和甲状腺结节的射频消融治疗；疝外科开展腹腔镜疝一日治疗；耳鼻喉科应用耳镜、鼻窦镜、喉镜微创化治疗鼓膜破裂、中耳炎、慢性鼻窦炎、鼻息肉、鼾症，突聋及过敏性鼻炎的治疗；泌尿外科开展经皮肾镜手术治疗复杂肾结石；妇科开展腹腔镜子宫切除、宫颈癌广清术；眼科开展微创斜视手术。 　　
							
							由于医疗技术的提升，让医院有些专业在省内甚至国内均有一定的影响力，得到医疗同行及社会的认可。医疗服务覆盖全省，辐射到湖北、安徽、陕西、山西、宁夏、青海、甘肃、内蒙古、山东等省。有的病人从新加坡、新西兰、泰国等国外慕名而来，也有高端病人（省部级领导）来到我院就医。　　 　　
							
							医院借力借脑，持续提高医疗质量，先后与北京301医院、北大人民医院、阜外医院、积水潭医院、上海长海医院、中山医院等医院知名专家建立了技术协作关系，使患者不出省就能享受到国内知名专家看病。 　　
							
							医院西院区以发展综合实力，着力打造单病种多学科诊治中心为重点；东院区秉承“健康促进，亚健康治疗”的品牌理念，着力打造省内知名的健康管理中心为重点；南院区依托乡镇卫生院，以基层医疗为重点，坚持“以病人为中心，质量为核心、病人满意为标准”的管理理念，传承和弘扬医院“以人为本、创新发展”的文化。汲取“数字化管理、人性化管理、高科技创新、低成本高效运营”的现代化综合性医院之精髓，为患者提供“安全、优质、低价，方便快捷”的医疗服务。

						</view>
					</view>

				</view>


			</view>
		</view>
	</view>
	</view>
</template>

<script>
	import {
		mapState,
		mapGetters
	} from 'vuex'
	import TabPane from '../../components/wiszx-tabs/tabPane.vue'
	import Tabs from '../../components/wiszx-tabs/tabs.vue'

	export default {
		data() {
			return {
				//腾讯地图key
				key: 'MG4BZ-67YLJ-OYMFL-KCRZ3-DP3X7-EUF5O',
				//任务的地址
				city: '河南省洛阳市涧西区长春路1号',
				lat:0,
				log:0,
				phone:17661312529,
				categoryList: [{
						id: 1,
						name: '科室介绍',
						img: '/static/images/xinxi/dangan.png',
						url:''
					},
					{
						id: 2,
						name: '医生介绍',
						img: '/static/images/xinxi/yisheng.png',
						url:''
					},
					{
						id: 3,
						name: '医院动态',
						img: '/static/images/xinxi/fangtai.png',
						url:''
					},
					{
						id: 4,
						name: '科室分布',
						img: '/static/images/xinxi/wangdianfenbu.png',
						url:''
					},

				],
			}
		},
		onLoad() {
			
			// this.$jsonp("https://apis.map.qq.com/ws/geocoder/v1/", {
			// 				key:this.key,
			// 				callbackName: "getJsonData",
			// 				output: 'jsonp',
			// 				address:this.city
			// 			})
			// 			.then(json => {
			//                                 // 请求成功的返回数据
			// 								this.lat=json.result.location.lat;
			// 								this.log=json.result.location.lng;
			// 				console.log(json);
			// 			})
			// 			.catch(err => {
			//                                 // 请求失败的返回数据
			// 				console.log(err)
			// 			})
				
			uni.request({
				 
				url:'https://apis.map.qq.com/ws/geocoder/v1/?address='+this.city+'&key='+this.key,
				success:res=>{
					this.lat=res.data.result.location.lat;
					this.log=res.data.result.location.lng;
					console.log(res);
				}
				
			})
		},
		components: {

		},
		computed: {

		},
		methods: {
			tonext() {
				uni.navigateTo({
					url: '../xinxi/map?lat=' + this.lat + '&log=' + this.log,
				})
			},
			toCategory(url) {
				if(!url){
					uni.showToast({title: '模板未包含此页面',icon:"none"});
					return;
				}
				uni.navigateTo({
					url:url
				})
			},
			contact(){
				if(this.phone!=null){
									uni.makePhoneCall({
									 // 手机号
									    phoneNumber:this.phone+'', 
									// 成功回调
									success: (res) => {
									console.log('调用成功!')	
									},
									// 失败回调
									fail: (res) => {
										console.log(res);
									console.log('调用失败!')
									}
										
									  });
								}
				
			}

		}
	}
</script>

<style lang="scss" scoped>
	/* #ifdef H5 */
	page {
		height: auto;
		min-height: 100%;
	}

	/* #endif */



	.banner {
		position: relative;
		width: 100%;
		height: 600rpx;

		.bg {
			width: 100%;
			height: 300rpx;
		}
	}





	.content {}

	.entrance {
		position: relative;
		margin-top: -370rpx;
		margin-bottom: 30rpx;
		border-radius: 50rpx;
		background-color: #ffffff;
		box-shadow: $box-shadow;
		padding: 30rpx 0;

		// display: flex;
		// align-items: center;
		// justify-content: center;
		.tb {
			position: relative;
			margin-left: 40rpx;
			margin-top: 20rpx;

			.tb1 {

				width: 100rpx;
				height: 100rpx;
			}

			.title {
				
				
				font-size: 35rpx;
				margin-left: 120rpx;
				margin-top: -110rpx;
				text{
					font-weight: bold;
				}
			}

			.title1 {
				margin-top: 8rpx;
				margin-left: 120rpx;
				text-align: center;
				line-height: 40rpx;
				border: 1rpx #3ECEB6 solid;
				border-radius: 6rpx;
				color: #3ECEB6;
				font-size: 23rpx;
				height: 40rpx;
				width: 250rpx;

			}
		}

		.dw {
			position: relative;

			.dianhua {
				margin-left: 40rpx;
				margin-top: 30rpx;

				.dh {
					width: 45rpx;
					height: 45rpx;
					margin-left: 10rpx;
					margin-top: 10rpx;
				}

				.dh1 {
					margin-left: 90rpx;
					margin-top: -50rpx;
					font-size: 30rpx;

				}

			}

			.weizhi {

				margin-left: 40rpx;
				margin-top: 30rpx;

				.dh {
					width: 45rpx;
					height: 45rpx;
					margin-left: 10rpx;
					margin-top: 10rpx;
				}

				.dh1 {
					margin-left: 90rpx;
					margin-top: -50rpx;
					font-size: 30rpx;

				}
			}
		}

		.item {
			flex: 1;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			position: relative;

			.icon {
				width: 84rpx;
				height: 84rpx;
				margin: 20rpx;
			}

			.title {
				font-size: 30rpx;
				color: $text-color-base;
				font-weight: 600;
			}
		}

		.gn {
			margin: 80rpx auto 0rpx;

			width: 95%;
			border-top: 4.5rpx #E8E8E8 solid;
			padding: 20rpx;
			position: relative;
			
			.gn1 {
				margin-left: -10rpx;

				.xyd {

					width: 60rpx;
					height: 60rpx;
				}

				.biaoti {
					margin-top: -65rpx;
					margin-left: 50rpx;
					font-weight: 600;
				}
			}
		}

		.jiesao {
			margin: 10rpx auto 0rpx;
			width: 95%;
			padding: 20rpx;
			position: relative;

			.jiesaox {
				margin-left: -10rpx;

				.xyd {

					width: 60rpx;
					height: 60rpx;
				}

				.biaoti {
					margin-top: -65rpx;
					margin-left: 50rpx;
					font-weight: 600;
				}
			}
		}
	}

	.info {
		position: relative;
		margin-bottom: 30rpx;
		border-radius: 10rpx;
		background-color: #ffffff;
		box-shadow: $box-shadow;

		display: flex;
		align-items: center;
		justify-content: center;

		.integral_section {
			flex: 1;
			display: flex;
			flex-direction: column;
			justify-content: center;

			.top {
				display: flex;
				align-items: center;

				.title {
					color: $text-color-base;
					font-size: $font-size-base;
					margin-right: 10rpx;
				}

				.value {
					font-size: 44rpx;
					font-weight: bold;
				}
			}


		}


	}

	.navigators {
		width: 100%;
		margin-bottom: 20rpx;
		border-radius: 10rpx;
		background-color: #ffffff;
		box-shadow: $box-shadow;
		padding: 20rpx;
		display: flex;
		align-items: stretch;

		.left {
			width: 340rpx;
			margin-right: 20rpx;
			display: flex;
			padding: 0 20rpx;
			flex-direction: column;
			font-size: $font-size-sm;
			color: $text-color-base;
			background-color: #F2F2E6;

			.grid {
				height: 50%;
				display: flex;
			}
		}





	}

	.category-list {
		width: 92%;
		margin: 0 4%;
		padding: 0 0 5upx 0;
		// border-bottom: solid 2upx #f6f6f6;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;

		.category {
			width: 25%;
			margin-top: 50upx;
			display: flex;
			flex-wrap: wrap;

			.img {
				width: 100%;
				display: flex;
				justify-content: center;

				image {
					width: 11vw;
					height: 11vw;
				}
			}

			.text {
				margin-top: 16upx;
				width: 100%;
				display: flex;
				justify-content: center;
				font-size: 24upx;
				color: #3c3c3c;
			}
		}
	}
</style>
